<template>
    <div class="reg-select">
        <div class="item">
            <!-- <div class="item-btn">
                <el-button type="primary" :plain="flag" @click="registStyle='selectPerson';flag=!flag">个人用户</el-button>
                <el-button type="primary" :plain="!flag" @click="registStyle='selectCompany';flag=!flag">企业用户</el-button>
            </div> -->
            
            <component :is="registStyle"></component>
        </div>
    </div>
</template>

<script>
// import selectPerson from './registStyle/Personal'  删除选择个人
import selectCompany from './registStyle/Company'
export default {
    name: 'SelectRole',
    data() {
        return {
            registStyle: 'selectCompany',
            flag: false
        }
    },
    components: {
        // selectPerson,
        selectCompany
    }
}
</script>

<style lang="scss" scoped>
.reg-select{
    position: absolute;
    left: 83px;
    top: 50%;
    transform: translateY(-50%);
    width: 491px;
    height: 415px;
    background-color: #ffffff;
    z-index: 30;
    .item{
        // position: absolute;
        // top: 50%;
        // left: 50%;
        // transform: translate(-50%, -50%)
        .item-btn{
            display: flex;
            .el-button{
                flex: 1;
            }
        }
    }
}
</style>

